<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>中国戏曲学院报名系统</title>
		<meta name="format-detection" content="telephone=no">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-touch-fullscreen" content="yes">
        <meta http-equiv="Access-Control-Allow-Origin" content="*">
        <link rel="stylesheet" type="text/css" href="css/global.css"/>
        <link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>
	<body>
		<div class="main_top">
        	<div class="main_top_l">
        		<a href="#"><img src="images/return.png"/></a>
        	</div>
        	<div class="main_top_m">
        		报考
        	</div>
        </div>
        <div class="main_content">
        	<div class="content_user news_top">
        		<dl class="select">
				<dt>报考院系</dt>
				<dd>
					<ul>
						<li><a href="#">12131</a></li>
						<li><a href="#">下拉2</a></li>
						<li><a href="#">下拉3</a></li>
						<li><a href="#">下拉4</a></li>
						<li><a href="#">下拉5</a></li>
						<li><a href="#">下拉6</a></li>
					</ul>
				</dd>
			</dl>
			<dl class="select">
				<dt>报考专业</dt>
				<dd>
					<ul>
						<li><a href="#">12131</a></li>
						<li><a href="#">下拉2</a></li>
						<li><a href="#">下拉3</a></li>
						<li><a href="#">下拉4</a></li>
						<li><a href="#">下拉5</a></li>
						<li><a href="#">下拉6</a></li>
					</ul>
				</dd>
			</dl>
			<dl class="select">
				<dt>报考行当</dt>
				<dd>
					<ul>
						<li><a href="#">12131</a></li>
						<li><a href="#">下拉2</a></li>
						<li><a href="#">下拉3</a></li>
						<li><a href="#">下拉4</a></li>
						<li><a href="#">下拉5</a></li>
						<li><a href="#">下拉6</a></li>
					</ul>
				</dd>
			</dl>
			<input type="button" value="报考" class="input_btn submit_btn"/>
        	</div> 
        	<h6 class="tishi">已报考的专业：（请仔细阅读招生简章，注意报考专业不要冲突）</h6>
        	<div class="message_list search_list">
        		<div class="main-wain main_apply"> 
	        		<span class="before"></span>
	        		第<span id="">一</span>志愿
	        	</div>
        		<div class="result_con apply_con">
        			<p class="apply_conl">
        				报考系别: <br /> 	
						报考专业: <br />
						报考行当:  <br />	
						考试时间:  <br /> 
						(初/复/三试）
        			</p>
        		</div>
        	</div>
        	<a href="" class="gongneng step">下一步，完成报考</a>
        </div>
        <div class="main_bot">
        	<ul>
        		<li class=" ">
        			<a href="#">
        				<div class="choose xiangtong">
        				</div>
	        			<span >公告</span>
	        		</a>
	        	</li>
	        	<li class="select ">
        			<a href="#">
        				<div class="list xiangtong">
        				</div>
	        			<span >报考</span>
	        		</a>
	        	</li>
	        	<li class="">
	        		<a href="#">
        				<div class="manage xiangtong">
        				</div>
	        			<span >查询</span>
	        		</a>
	        	</li>
	        	<li class="">
        			<a href="#">
        				<div class="notice xiangtong">
        				</div>
	        			<span >我的</span>
	        		</a>
	        	</li>
        	</ul>
        </div>
        <script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
        <script type="text/javascript">
        	$(function(){
//      		$(".main_bot li").click(function(){
//      			$(this).addClass("select").siblings().removeClass("select");
//      		})
//				$(".news_top li").click(function(){
//					$(this).addClass("current").siblings().removeClass("current");
//					$(this).children("img").attr("src","images/arrow-fill.png");
//					$(this).siblings().children("img").attr("src","images/arrow.png")
//				})
			$(".select").each(function(){
					var s=$(this);
					var z=parseInt(s.css("z-index"));
					var dt=$(this).children("dt");
					var dd=$(this).children("dd");
					var _show=function(){dd.slideDown(200);dt.addClass("cur");s.css("z-index",z+1);};   //展开效果
					var _hide=function(){dd.slideUp(200);dt.removeClass("cur");s.css("z-index",z);};    //关闭效果
					dt.click(function(){dd.is(":hidden")?_show():_hide();});
					dd.find("a").click(function(){dt.html($(this).html());_hide();});     //选择效果（如需要传值，可自定义参数，在此处返回对应的“value”值 ）
					$("body").click(function(i){ !$(i.target).parents(".select").first().is(s) ? _hide():"";});
				})
        	})
        </script>
	</body>
</html>
